﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Example Letter</title>
    <style>
        #letter {
            margin: 20px;
            width: 842px;
            display: grid;
            grid-template-columns: auto 200px;
        }
        #content {
            grid-column: 1 / 3;
        }
    </style>
</head>
<body>
<div id="letter">
    <div></div>
    <div>
        <p>
            Customer Services<br />
            XYZ Company<br />
            London<br />
            SW1A 1AA<br />
            United Kingdom
        </p>
        <p>
            Telephone: 0000 123 4567
        </p>
        <p>
            <strong>Friday 21 February 2020</strong>
        </p>
    </div>
    <div id="content">
        <p>
            Dear [Name]
        </p>
        <h3>Ref: #000001 About your account</h3>
        <p>Do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</p>
        <p><strong>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</strong> <em> Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</em> Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
        <h2>Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque.</h2>
        <p>Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Sed ut perspiciatis unde omnis iste natus error sit voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
        <ol>
            <li>Laboris nisi ut aliquip ex ea commodo consequat.</li>
            <li>Eaque ipsa quae ab illo inventore veritatis et quasi.</li>
            <li>Eaque ipsa quae ab illo inventore veritatis et quasi.</li>
        </ol>

        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
        <p>Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Fugiat quo voluptas nulla pariatur? Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.</p>
        <ul>
            <li>Architecto beatae vitae dicta sunt explicabo.</li>
            <li>Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</li>
            <li>Et harum quidem rerum facilis est et expedita distinctio.</li>
        </ul>
        <p>
            Yours Sincerely
        </p>
        <p>
            &nbsp;
        </p>
        <p>
            Head of Customer Services
        </p>
    </div>
</div>
</body>
</html>